var prefix = "/shop/category";
$(function() {
	load();
});

function load() {
	$('#exampleTable')
			.bootstrapTreeTable(
					{
                        id: 'categoryId',
                        code: 'categoryId',
                        parentCode: 'parentId',
                        type: "GET", // 请求数据的ajax类型
                        url: prefix + '/list', // 请求数据的ajax的url
                        ajaxParams: {}, // 请求数据的ajax的data属性
                        expandColumn: '1',// 在哪一列上面显示展开按钮
                        striped: true, // 是否各行渐变色
                        bordered: true, // 是否显示边框
                        expandAll: false, // 是否全部展开

						columns : [
								{
									title: '编号',
									field: 'categoryId',
									visible: true,
									align: 'center',
									valign: 'center',
									width: '10%'
								},
								{
                                    title : '类目名字',
                                    field : 'categoryName',
                                    align : 'left'
                                },
								{
                                    title : '创建时间',
                                    field : 'createTime',
                                    align : 'center',
									width : 160
								},
								{
                                    title : '修改时间',
                                    field : 'updateTime',
                                    align : 'center',
                                    width : 160
								},
								{
									title : '操作',
									field : 'id',
									align : 'center',
                                    width : 220,
									formatter : function(row, index) {
                                        var e = '<a class="btn btn-primary btn-sm '
                                            + c_edit_h
                                            + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
                                            + row.categoryId
                                            + '\')"><i class="fa fa-edit"></i></a> ';
                                        var p = '<a class="btn btn-primary btn-sm '
                                            + c_add_h
                                            + '" href="#" mce_href="#" title="添加下级" onclick="add(\''
                                            + row.categoryId
                                            + '\')"><i class="fa fa-plus"></i></a> ';
                                        var d = '<a class="btn btn-warning btn-sm '
                                            + c_remove_h
                                            + '" href="#" title="删除"  mce_href="#" onclick="remove(\''
                                            + row.categoryId
                                            + '\')"><i class="fa fa-remove"></i></a> ';
                                        return p + e + d;
									}
								}
							]
						}
					);
}
function reLoad() {
	$('#exampleTable').bootstrapTable('refresh');
}
function add(id) {
	var addPage = layer.open({
		type : 2,
		title : '增加',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/add/' + id// iframe的url
	});
	// layer.full(addPage); //全屏显示
}
function edit(id) {
	var editPage = layer.open({
		type : 2,
		title : '编辑',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/edit/' + id // iframe的url
	});
    // layer.full(addPage); //全屏显示
}
function remove(id) {
	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix + "/remove",
			type : "post",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					reLoad();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	})
}

function batchRemove() {
	var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
	if (rows.length == 0) {
		layer.msg("请选择要删除的数据");
		return;
	}
	console.log(rows);
	layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
		btn : [ '确定', '取消' ]
	// 按钮
	}, function() {
		var ids = new Array();
		// 遍历所有选择的行数据，取每条数据对应的ID
		$.each(rows, function(i, row) {
			ids[i] = row['categoryId'];
		});
		$.ajax({
			type : 'POST',
			data : {
				"ids" : ids
			},
			url : prefix + '/batchRemove',
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					reLoad();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	}, function() {

	});
}